@charset "UTF-8";

@import "_helper";
@import "_base-preheat";
@import "_normalize";

.support-page {
	background: #f0f1f2;
}
.employee-container {
	margin: 20px;
}
.srh-wrap {
	margin: 0 0 20px 20px;
	padding-top: 20px;
	.cont-right {
		float: right;
		margin-right: 10px;
	}
	.cont-left {
		overflow: hidden;
	}
	input {
		padding: 5px 10px 5px 35px;
		width: 98%;
		line-height: 30px;
		height: 40px;
		box-sizing: border-box;
		background: url(#{$PAHT_IMG}icos/icon-search.png) no-repeat #fff;
		background-size: 18px;
		background-position: 10px 10px;
		border: 1px solid #dbdbdb;
		border-radius: 2px;
	}
	input:focus {
		outline: none;
	}
	.icon-qst {
		padding-right: 3px;
	}
}
.qst-wrap {
	padding-left: 5px;
	color: #999;
	.icon-qst {
		padding-right: 3px;	
	}
}
.emp-list {
	padding-bottom: 20px;
	overflow: hidden;
	li {
		float: left;
		width: 31%;
		margin: 1%;
	}
	.pic {
		position: relative;	
		margin-bottom: 5px;
		.icon-volunteer {
			position: absolute;	
			top: 0;
			right: 0;
		}
	}
	.name {
		font-size: 13px;
	}
	img {
		display: block;
		width: 100%;
		height: 120px;
	}
	.pos {
		@extend .ell;
		color: #999;
	}
	.btn-blank {
		float: right;
		padding: 1px 4px;
		font-size: 12px;
		line-height: 1;
	}
	.prize-box {
		float: right;
		color: #999;
	}
	.captial {
		margin-bottom: 2px;	
		float: none;
		.captial-bg {
			display: inline-block;	
			line-height: 1;	
			padding: 2px 4px;
			background: #c6c6c6;
		}
	}
}
.employee-info {
	padding-top: 20px;	
	text-align: center;	
	.title {
		position: relative;	
		text-indent: -1.5em;
		font-size: 14px;
		.supt-num {
			color: #f52720;
		}
		.supt-rank {
			padding-left: 5px;	
			color: #999;
			font-size: 12px;
		}
	}
	.qst-wrap {
		position: absolute;	
		right: 10px;
		font-size: 12px;
	}
	.bottom {
		width: 140px;
		margin: 0 auto;
		text-align: left;
		line-height: 1.5;
		color: #999;	
	}
	.name {
		font-size: 14px;
		color: #111;
	}
	.avatar-box {
		margin-top: 15px;	
		position: relative;	
		display: inline-block;	
		img {	
			width: 140px;	
			height: 160px;
		}
		.icon-tag {
			position: absolute;	
			top: -5px;
			left: -15px;
			float: right;
			color: #fff;
		}
	}
	.flag {
		float: right;
		color: #f52720;
	}
	.icon-flag {
		padding-right: 2px;	
	}
	.icon-tag {
		position: absolute;	
	}
	.btn-disupport {
		float: right;
		padding: 2px 4px;
		font-size: 12px;
		color: #ef4e1d;
		border: 1px solid #ef4e1d;
		line-height: 1;
	}
	.btn-rank {
		width: 100%;
		margin-top: 10px;	
		padding: 4px 10px;
		color: #ef4e1d;
		border: 1px solid #ef4e1d;
		box-sizing: border-box;
	}
	.icon-menu {
		margin-right: 4px;	
	}
}
.friends {
	margin: 20px 20px 0;
	text-align: left;	
	.txt {
		padding-top: 10px;	
		float: left;
	}
	.friends-list{
		overflow: hidden;
		img {
			float: left;
			margin: 3px;
			padding-top: 0;	
			width: 30px;
			height: 30px;
			border-radius: 3px;
			vertical-align: middle;
		}
	}
}
.first-letter {
	position: fixed;	
	right: 10px;
	top: 130px;
	span {
		display: block;	
		text-align: center;	
	}
}